layui.use(['form','layer','table','jquery','laydate','upload'], function() {
    var form = layui.form
        , layer = layui.layer
        , laydate = layui.laydate
        , $ = layui.jquery,
        table = layui.table,
        upload = layui.upload;
    laydate.render({
        type: 'datetime',
        elem: '#myTime' //指定元素
    })
/*************************************查询首页开始*******************************************/
    table.render({
        elem: '#biaoge'
        ,height: 400
        ,url: '/ebook/getZhuYe' //数据接口
        ,page: false //开启分页
        ,cols: [[ //表头
            {field: 'id', title: '编号', sort: true, width:80, align:'center'}
            ,{field: 'categroyid', title: '图书类别', sort: true, width:250, align:'center',templt:names}
            ,{field: 'title', title: '图书名称', sort: true, width:250, align:'center'}
            ,{field: 'uploaduser', title: '上传人', width: 100 ,align:'center'}
            ,{field: 'createdate', title: '上传时间', width: 300,align:'center'}
            ,{field: 'right', title: '操作', width: 150,align:'center',toolbar:'#barDemo'}
        ]]
    });


/*************************************查询首页结束********************************************/
/***********************************删除开始***********************************************/
     table.on('tool(tableTools)', function(obj){ //注：tool 是工具条事件名，tableTools 是 table 原始容器的属性 lay-filter="对应的值"
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）

             if(layEvent === 'del'){ //删除
                layer.confirm('真的删除行么', function(index){
                    //向服务端发送删除指令
                    var id = data.id;
                    //ajax删除
                    $.post("/ebook//delete/"+ id,"",function (serverData) {
                        if (serverData.mark==1){
                            layer.msg("删除成功",{icon:6});
                            obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                            layer.close(index);
                        }
                    },"json");
                });
            }else if(layEvent === 'upt'){
                 layer.open({
                     type: 1,
                     title: '修改密码',
                     //框体大小
                     area: ['700px', '600px'],
                     //页面地址，携带参数过去
                     content:$("#updateForm")
                 });
                 openUpdateComponet(layer,data);
             }

});

/***********************************删除结束***********************************************/
/***********************************修改开始***********************************************/
function openUpdateComponet(layer,data){
    /*给form表单赋值*/
    form.val("ebookentryup",{
        "id":data.id,
        "title":data.title,
        "uploaduser":data.uploaduser,
        "createdate":data.createdate,
    });
    form.on('submit(xiugai)',function (message) {
        var jsonData = JSON.stringify(message.field);

        $.post("/ebook/xiugaibook", message.field, function (serverData) {
            layer.closeAll('loading' + serverData.success);
            layer.msg("保存成功", {icon: 6});
            //刷新页面
            setTimeout(function () {
                window.parent.location.reload();//修改成功后刷新父界面
            }, 1000);
        }, "json");

        return false;

    });
}

/***********************************修改结束***********************************************/



/***********************************增加开始***********************************************/
    $("#inser").bind("click",function () {
        layer.open({
            type: 2,
            title: '用户数据保存',
            //框体大小
            area: ['700px', '600px'],
            //页面地址，携带参数过去
            content:"/ebook/ZengJia"
        });
    })

    form.on('submit(insert)',function (message) {
        var jsonData = JSON.stringify(message.field);
        $.post("/ebook/InsertEbook",message.field,function(serverData){
            layer.closeAll('loading'+serverData.success);
            layer.msg("保存成功",{icon:6});
            //刷新页面
            setTimeout(function(){
                window.parent.location.reload();//增加成功后刷新父界面
            }, 1000);
        },"json");
        return false;

    });
 /***********************************增加结束***********************************************/

/***********************************根据条件查询***********************************************/
    $("#ChaXun").bind("click",function () {
        //2.获取对应文本框，下拉列表框
        var categroyid=$("[name=\"categroyid\"]").val();
        //和后台进行通讯
        table.reload('biaoge', {
            page: {
                curr: 1 //重新从第 1 页开始
            }
            ,where: {
                //客户端给服务器传值
                categroyid:categroyid
            }
        }, 'data');
    })
/***********************************根据条件查询***********************************************/









/*

/!***********************************账户管理开始***********************************************!/
$("#ZhangGuan").bind("click",function () {
    layer.open({
        type: 2,
        title: '查看账户管理',
        //框体大小
        area: ['1000px', '700px'],
        //页面地址，携带参数过去
        content:"/WeiBo_war_exploded/zhangGuan"
    });
})
    table.render({
        elem: '#guanli'
        ,height: 400
        ,limit:3
        ,url: '/WeiBo_war_exploded/getZhangHuGuanLi' //数据接口
        ,page: true //开启分页
        ,cols: [[ //表头
            {field: 'id', title: 'id', sort: true, width:80, align:'center'}
            ,{field: 'username', title: '用户名', sort: true, width:80, align:'center'}
            ,{field: 'nickname', title: '昵称', width:80 ,align:'center'}
            ,{field: 'mobile', title: '手机', width: 177 ,align:'center'}
            ,{field: 'address', title: '地址', width: 177 ,align:'center'}
            ,{field: 'picpath', title: '头像', sort: true, width:150, align:'center',templet:userspicpath}
            ,{field: 'right', title: '操作', width: 150,align:'center',toolbar:'#zhangDemo'}
        ]]
    });
/!***********************************账户管理结束***********************************************!/


/!***********************************增加账户开始***********************************************!/
    $("#ZengJiaYonghu").bind("click",function () {
        layer.open({
            type: 2,
            title: '用户数据保存',
            //框体大小
            area: ['700px', '600px'],
            //页面地址，携带参数过去
            content:"/WeiBo_war_exploded/insertUsers"
        });
    })

        form.on('submit(Baocun)',function (message) {
            var jsonData = JSON.stringify(message.field);
            $.post("/WeiBo_war_exploded/insertUsers",message.field,function(serverData){
                layer.closeAll('loading'+serverData.success);
                layer.msg("保存成功",{icon:6});
                //刷新页面
                setTimeout(function(){
                    window.parent.location.reload();//增加成功后刷新父界面
                }, 1000);
            },"json");
            return false;

        });
/!***********************************增加账户结束***********************************************!/
/!***********************************增加内容开始***********************************************!/
    $("#ZengJiaNeiRong").bind("click",function () {
        layer.open({
            type: 2,
            title: '增加内容',
            //框体大小
            area: ['700px', '600px'],
            //页面地址，携带参数过去
            content:"/WeiBo_war_exploded/contentinsert"
        });
    })

        form.on('submit(BaocunNeirong)',function (message) {
            var jsonData = JSON.stringify(message.field);
            alert(123);
            $.post("/WeiBo_war_exploded/insertContent",message.field,function(serverData){
                layer.closeAll('loading'+serverData.success);
                layer.msg("保存成功",{icon:6});
                //刷新页面
                setTimeout(function(){
                    window.parent.location.reload();//增加成功后刷新父界面
                }, 1000);
            },"json");
            return false;

        });
/!***********************************增加内容结束***********************************************!/
/!***********************************修改密码开始***********************************************!/
    $("#XiuGaiPass").bind("click",function () {
        layer.open({
            type: 2,
            title: '修改密码',
            //框体大小
            area: ['700px', '600px'],
            //页面地址，携带参数过去
            content:"/WeiBo_war_exploded/update"
        });

    });

/!***********************************修改密码结束***********************************************!/
/!***********************************文件上传*************************************************!/
    var uploadInst = upload.render({
        elem: '#fileBtn'
        , url: '/WeiBo_war_exploded/uploadFile'
        ,accept: 'file',
        before: function (obj) {
            //预读本地文件示例，不支持ie8
            obj.preview(function (index, file, result) {
                $('#fileImg').attr('src', result); //图片链接（base64）
            });
        }
        , done: function (res) {
            //如果上传失败
            if (res.code === 0){
                $("#fileName").val(res.fileName);
                return layer.msg('文件上传成功!');
            }
            if (res.code === 2) {
                return layer.msg('不支持该上传类型');
            }
            if (res.code === 3) {
                return layer.msg('文件为空');
            }else{
                return layer.msg('文件上传异常');
            }
            //上传成功
        }
        , error: function () {
            //演示失败状态，并实现重传
            var demoText = $('#demoText');
            demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
            demoText.find('.demo-reload').on('click', function () {
                uploadInst.upload();
            });
        }
    });
/!***********************************文件上传*************************************************!/

*/







});